<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>列表的增删和移动</title>
</head>
<body>
    <form>
        <div class="list">
            <ul class="list-ul">
                <li class="list-option">
                    <input class="list-input" type="text" name="list[]">
                    <span class="list-btn">
                       <span class="list-up">[上移]</span>
                       <span class="list-down">[下移]</span>
                       <span class="list-del">[删除]</span>
                    </span>
                </li>
            </ul>
            <div class="list-bottom">
                <span class="list-add-show">添加项目</span>
                <div class="list-add-area list-hide">
                    添加到列表：
                    <input type="text" class="list-add-input" name="list[]">
                    <input type="botton" class="list-add-add" value="添加">
                    <input type="botton" class="list-add-cancel" value="取消">
                </div>
            </div>
        </div>
    </form>
    <script src="7-03.html"></script>
    <script>
        SmartList('list',['PHP','JavaScript']);
    </script>
</body>
</html>